入門 ASP.NET Web Forms：建立您的第一個 Web 應用程式

asp.net webforms csharp

Nash 2024-11-03 11:26:11 ‧ 270 瀏覽

分享至

ASP.NET Web Forms 是一個強大的開發框架，適合用來構建動態和交互性的 Web 應用程式。Web Forms 透過事件驅動的開發模型，讓開發人員能夠快速地創建複雜的 Web 界面，同時利用伺服器端的資源來處理數據。本文將帶您深入了解 ASP.NET Web Forms 的基本概念，並指導您建立第一個簡單的 Web 應用程式。

前置需求
在開始之前，您需要：

Visual Studio（建議最新版）
基本的 C# 程式語言知識
建立第一個 ASP.NET Web Forms 專案
以下是建立一個 ASP.NET Web Forms 應用程式的步驟：

啟動 Visual Studio
開啟 Visual Studio，選擇 File > New > Project。

選擇專案模板
在專案範本中，選擇 ASP.NET Web Application (.NET Framework)，並為專案命名，例如「MyFirstWebApp」。

選擇 Web Forms
在彈出的對話框中，選擇 Web Forms 作為應用程式模板，並點擊 Create。

建立完成
Visual Studio 將會自動為您生成一個包含基礎結構的 Web Forms 專案，您可以立即開始編輯和開發。

理解 ASP.NET Web Forms 的基本結構
當專案建立後，您會看到以下幾個重要的檔案與文件夾：

Default.aspx：這是 ASP.NET Web Forms 的一個頁面文件，用於設置 HTML 結構和伺服器控制項。
Default.aspx.cs：這是 Default.aspx 頁面的代碼後置文件，用於處理伺服器端邏輯。
Web.config：此文件儲存應用程式的配置，例如資料庫連接字串、認證方式等。
每個 .aspx 頁面都包含 HTML 結構和伺服器端控制項，並使用代碼後置來處理邏輯。

建立並使用伺服器控制項
在 Web Forms 中，我們可以使用多種伺服器控制項（如按鈕、標籤、文字框等）來設置表單界面，並在代碼後置中處理事件。以下範例展示如何在 Default.aspx 頁面中放置一個按鈕和標籤，並在按鈕點擊時更改標籤的文字。

Default.aspx

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>我的第一個 ASP.NET Web Forms 頁面</title>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <asp:Label ID="Label1" runat="server" Text="Hello, ASP.NET!"></asp:Label>
            <br />
            <asp:Button ID="Button1" runat="server" Text="點我改變文字" OnClick="Button1_Click" />
        </div>
    </form>
</body>
</html>

Default.aspx.cs
在代碼後置文件中，我們撰寫按鈕點擊事件的邏輯。

using System;
public partial class Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        // 頁面載入時的處理邏輯
    }

    protected void Button1_Click(object sender, EventArgs e)
    {
        Label1.Text = "按鈕已被點擊！";
    }
}

瞭解 ViewState 的功能
在 Web Forms 中，ViewState 是一個內建的功能，用於保存頁面控制項的狀態。例如，當頁面重新加載時，ViewState 可以保留控制項中的數據。這對於表單數據的保存非常有幫助。

使用 ViewState 的示例
csharp

protected void Page_Load(object sender, EventArgs e)
{
    if (!IsPostBack)
    {
        ViewState["Counter"] = 0;
    }
}

protected void Button1_Click(object sender, EventArgs e)
{
    int counter = (int)ViewState["Counter"];
    counter++;
    ViewState["Counter"] = counter;
    Label1.Text = "按鈕已被點擊 " + counter + " 次";
}

執行和測試應用程式
按下 Ctrl+F5 或點擊 Start 按鈕，執行您的應用程式。當頁面加載完成後，點擊按鈕即可觀察標籤文字的變化。

小結
本文介紹了如何建立和運行一個簡單的 ASP.NET Web Forms 應用程式，並示範了伺服器控制項和事件處理的使用。ASP.NET Web Forms 提供了強大的功能來構建基於事件的 Web 應用程式，非常適合需要快速開發的專案。通過掌握這些基礎知識，您可以繼續深入學習並構建更為複雜的應用程式。